@font-face {
  font-family: 'Droid Sans';
  src: url('fonts/DroidSans.ttf');
}
@font-face {
  font-family: 'Droid Sans Bold';
  src: url('fonts/DroidSans-Bold.ttf');
}
@font-face {
  font-family: 'Glyphs';
  src: url('../../node_modules/pw-wcjs-player/fonts/glyphicons.ttf');
}
* { margin: 0 }
html, body { height: 100% }
body {
	font-family: 'Droid Sans', sans-serif;
	background: #fff;
	overflow-y:hidden;
	overflow-x:hidden;
	height: 100%
}
#player_wrapper {
    min-height: 100%;
    height: 1px;
	width: 1px;
    margin: 0 auto;
	overflow: hidden;
	background: #fff;
	z-index: 1003;
	position: relative
}
#holdCenter {
	width: 418px;
	display: block;
	padding: 10px;
	background: rgba(0,0,0,0.3);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px
}
#main { height: 100%; width: 100%; display: table }
.wrapper { display: table-cell; height: 100%; vertical-align: middle }
#logoBig { margin-top: 47px; margin-bottom: 13px; margin-left: 58px }
#formHolder {
	display: block;
	padding: 6px 10px;
	padding-right: 19px;
	background: rgba(255,255,255,0.7);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px
}
#magnetForm { height: 47px }
#magnetLink { width:300px }
#magnetSubmit { position: relative; top: 1px; left: 8px }
#holder {
  border: 3px dashed #ccc;
  min-width: 580px;
  mix-height: 380px;
  width: 90%;
  height: 90%;
  max-width: 726px;
  max-height: 525px;
  background: #f4f4f4;
  margin: 20px;
}
#holder.hover { border: 3px dashed #383838 }
#torrentBut {
	-webkit-box-shadow: 0px 2px 0px 0px rgba(61,142,96,1);
	-moz-box-shadow: 0px 2px 0px 0px rgba(61,142,96,1);
	box-shadow: 0px 2px 0px 0px rgba(61,142,96,1);
	background: #00b850;
	cursor: pointer
}
#torrentBut:hover {
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0,113,49,1);
	-moz-box-shadow: 0px 2px 0px 0px rgba(0,113,49,1);
	box-shadow: 0px 2px 0px 0px rgba(0,113,49,1);
	background: #0D8843
}
#videoBut {
	-webkit-box-shadow: 0px 2px 0px 0px rgba(61,135,170,1);
	-moz-box-shadow: 0px 2px 0px 0px rgba(61,135,170,1);
	box-shadow: 0px 2px 0px 0px rgba(61,135,170,1);
	background: #1ca8ed;
	cursor: pointer
}
#videoBut:hover {
	-webkit-box-shadow: 0px 2px 0px 0px rgba(2,89,131,1);
	-moz-box-shadow: 0px 2px 0px 0px rgba(2,89,131,1);
	box-shadow: 0px 2px 0px 0px rgba(2,89,131,1);
	background: #036FA4
}
#linkBut {
	-webkit-box-shadow: 0px 2px 0px 0px rgba(210,83,61,1);
	-moz-box-shadow: 0px 2px 0px 0px rgba(210,83,61,1);
	box-shadow: 0px 2px 0px 0px rgba(210,83,61,1);
	background: #f1664f;
	cursor: pointer
}
#linkBut:hover {
	-webkit-box-shadow: 0px 2px 0px 0px rgba(175,38,17,1);
	-moz-box-shadow: 0px 2px 0px 0px rgba(175,38,17,1);
	box-shadow: 0px 2px 0px 0px rgba(175,38,17,1);
	background: #DE4027
}
.mainButtons {
	color: #fff;
	width: 130px;
	height: 110px;
	border-radius: 4px;
	display: inline-block
}
.easy-modal,
.easy-modal-animated,
.second-easy-modal-animated,
.third-easy-modal-animated,
.forth-easy-modal-animated,
.unsupported-easy-modal-animated,
.history-easy-modal-animated {
	width: 438px;
	padding: 2em;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.35);
	background: #fff;
}
.unsupported-easy-modal-animated { padding: 5px; top: 35% !important }
.forth-easy-modal-animated,
.history-easy-modal-animated,
#file-settings { padding: 5px; top: 22% !important }
.third-easy-modal-animated { padding: 5px; top: 23% !important }
a.mainLinks { color: #1ca8ed; text-decoration: underline }
a.mainLinks:hover { text-decoration: none }
.progressbar-front-text { display: none !important }
.progressbar-back-text { display: none !important }
.progress-bar {
	background-color: transparent;
	background: #49bae9;
	background: -moz-linear-gradient(left, #49bae9 0%, #024b72 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#49bae9), color-stop(100%,#024b72));
	background: -webkit-linear-gradient(left, #49bae9 0%,#024b72 100%);
	background: -o-linear-gradient(left, #49bae9 0%,#024b72 100%);
	background: -ms-linear-gradient(left, #49bae9 0%,#024b72 100%);
	background: linear-gradient(to right, #49bae9 0%,#024b72 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49bae9', endColorstr='#024b72',GradientType=1 );
	-webkit-box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.2);
	box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.2);
	border-radius: 9px;
}
.progress {
	border-radius: 8px !important;
	height: 13px;
	background: #1e1f21 !important;
}
#header_container {
	background: #292c31;
	-webkit-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.6);
	left:0;
	position:fixed;
	width: calc(100% - 22px);
	top:0;
	padding-top: 8px;
	height: 73px;
	z-index: 1001
}
#header {
	line-height:25px;
	margin:0 auto;
	width:100%;
	text-align:center;
	font-size: 15px;
}
.progress .progressbar-back-text { right: 0 }
.files { cursor: pointer }
.files:hover { background: #3A3A3A !important }
.progress { background: #ebebea }
i.glyphs {
	font-family: 'Glyphs';
	width: 58px;
	height: 58px;
	display: inline-block;
	text-align: center;
	line-height: 58px;
	border-radius: 29px;
	color: #fff;
	font-style: normal;
	cursor: pointer;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
}
i.glyphs:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
i.pause {
	font-size: 28px !important;
}
i.play {
	font-size: 40px;
}
i.settings {
	background: #11a34e !important;
	font-size: 30px;
}
i.tools:before {
	content: "\E807";
	font-style: normal;
	font-size: 29px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
i.peersIcon:before {
	font-family: 'Glyphs';
	content: "\E808";
	font-style: normal;
	font-size: 16px;
	width: 23px;
	display: inline-block;
	text-align: left;
	margin-left: 2px;
	position: relative;
	top: 1px;
}
i.speedIcon:before {
	font-family: 'Glyphs';
	content: "\E80C";
	font-style: normal;
	font-size: 15px;
	width: 25px;
	display: inline-block;
	text-align: left;
}
i.downloadIcon:before {
	font-family: 'Glyphs';
	content: "\E80B";
	font-style: normal;
	font-size: 13px;
	width: 25px;
	display: inline-block;
	text-align: left;
}
i.play:before {
	content: "\E82D";
	position: relative;
	left: 2px;
}
i.pause:before {
	content: "\E80E";
}
i.settings:before {
	content: "\E80D";
}
i.play { background: #e38318 !important }
i.pause { background: #e3b618 !important }
i.play:hover { background: #B2630B !important }
i.pause:hover { background: #B28D0B !important }
i.settings:hover { background: #088039 !important }
a.pl-settings {
	color: #ccc;
	font-size: 30px;
	text-decoration: none;
	float: right;
	font-style: normal;
	margin-right: 12px;
	margin-top: 5px;
}
a.pl-settings:hover { color: #FFA741 }
i.player-settings:before {
	font-family: 'Glyphs';
	content: "\E801";
	font-style: normal
}
a.history-button {
	color: #ccc;
	font-size: 26px;
	text-decoration: none;
	float: right;
	font-style: normal;
	margin-right: 12px;
	margin-top: 8px;
}
a.history-button:hover { color: #FFA741 }
i.history-icon:before { font-family: 'Glyphs'; content: "\E806"; font-style: normal }
i.close-icon:before { font-family: 'Glyphs'; content: "\E896"; font-style: normal }
.actionButton {
	width: 100%;
	height: 43px;
	line-height: 43px;
	cursor: pointer
}
.actionButton:hover { background: #0088cc; color: #fff }
.dropdown.dropdown-tip:before { left: 138px !important }
.dropdown.dropdown-tip:after { left: 139px !important }
#dropdown-1 {
	top: 55px !important;
	right: 37px !important;
	left: initial !important;
	font-size: 13px
}
#optionsBut {
	float: right;
	font-size: 13px;
	text-decoration: none;
	font-family: 'Glyphs';
	width: 58px;
	height: 58px;
	display: inline-block;
	text-align: center;
	line-height: 57px;
	border-radius: 29px;
	color: #fff;
	font-style: normal;
	cursor: pointer;
	background: #0b5270;
	margin-right: 19px;
	margin-top: -64px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
}
#optionsBut:hover {
	background: #04415B;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
h2 {
	margin-bottom: 10px;
	color: #fff;
	font-size: 20px;
	margin: 0;
	padding: 9px;
	background: rgba(241,101,79,1);
	font-family: 'Droid Sans Bold';
	font-weight: normal;
	opacity: 1;
}
.change-set { background: #549AAE !important; cursor: pointer }
.change-set:hover { background: #0E586D !important }
.ui-spinner {
  height: 27.6px !important;
  width: 100px !important;
  line-height: 25.6px !important;
  font-size: 16px !important;
  margin-left: 5px !important;
}
input[type="file"] { display: none }
#tr-settings { display: none }
#open-file-settings { display: none }
#open-unsupported { display: none }
.clear { clear:both }
.droid-bold { font-family: 'Droid Sans Bold' !important }
.wrap-text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.goLeft { float:left }
.goRight { float:right }
.opaque { opacity:0 }
.hidden { display:none }
.stats {
	width: 240px;
	margin-top: -2px;
	color: #fff;
	font-size: 13px;
	color: #bcbdbe;
	line-height: 22px;
	margin-left: 21px;
	float: left;
	display: inline-block;
	text-align: left;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
#all-download {
	width: calc(100% - 357px);
	margin-top: 26px;
	margin-bottom: 1px;
	float: left;
	margin-right: 91px;
}
#filesList {
	position: relative;
	width: 100%;
	z-index: 1000;
	font-size: 14px;
	color: #fff;
	background: #4d4d4d;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	display: none
}
#filesListBack {
	height: calc(100% - 1px);
	background: #4d4d4d;
}
.filenames {
	margin-top: 17px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
}
.infos {
	margin-top: 7px;
	display: block;
	font-size: 13px;
	color: #bcbdbe;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	overflow: hidden
}
#header_content { width: calc(100% - 250px); float: right }
#header_text { width: 70%; color: #fff; text-align: left }
#optHold { width: 30% }
.headButs { margin-bottom: 10px; width: 45.5%; background: #1C728A }
.fl_dd {
	font-size: 36px;
	color: #767a7b;
	display: inline-block;
	margin-bottom: 2px
}
.fl_sl {
	font-size: 21px;
	color: #767a7b;
	font-weight: 100;
	margin-top: 13px;
	display: inline-block;
	margin-bottom: 11px
}
#mainButHold { width: 510px }
#torIcon { margin-top: 15px; margin-bottom: 11px }
#vidIcon { margin-top: 19px; margin-bottom: 16px }
#urlIcon { margin-top: 20px; margin-bottom: 9px }
.noMarginRight { margin-right: 0 }
#footer {
	color: #8c8c8c;
	line-height: 29px;
	margin-bottom: 40px;
	display: inline-block;
}
.pure-margin { margin-top: 10px !important }
.spBottom { margin-bottom: 10px }
#history-title {
	width: 82%;
	background: #1C728A;
	text-align: left;
	padding-left: 12px
}
.history-close {
	width: 8%;
	background: #549AAE;
	cursor: pointer;
	text-align: center
}
#history-list {
	text-align: left;
	margin-top: 5px;
	max-height: 259px;
	overflow-y: scroll;
	overflow-x: hidden
}
.history-item {
	padding-left: 10px;
	width: 100%;
	font-family: 'Droid Sans Bold';
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box
}
.history-empty {
	width: 100%;
	text-align: center;
	font-family: 'Droid Sans Bold';
	padding: 15px 0;
	font-size: 17px
}
.dark-add-url {
	width: 393px !important;
	background: #292929 !important;
	padding: 10px !important;
}
.dark-add-url #holdCenter {
	width: 373px !important;
	padding: 10px !important;
	background: rgba(0,0,0,0.3) !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.dark-add-url #formHolder {
	padding: 0 !important;
	padding-right: 0 !important;
	background: rgba(0,0,0,0) !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.dark-add-url #magnetForm {
	height: 37px !important
}
.dark-add-url fieldset {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
.dark-add-url #magnetLink {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	width: 300px !important;
}
.dark-add-url #magnetSubmit {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.dark-add-url .animated-close {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	padding: 6px 9px !important;
	font-size: 15px !important;
}
.header-full-width {
	width: calc(100% - 12px) !important;
}
.circle {
  width: 100px;
  margin: 3px 3px 0px;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.2;
  float: left;
}
.circle strong {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  font-weight: 500
}

.circle strong i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}

#headet_text { display: none }

#downloadPercent {
	color: #bcbdbe;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	font-size: 13px;
	margin-right: 96px;
	position: absolute;
	right: 0;
	display: inline-block;
	background: rgba(0,0,0,0.3);
	padding: 0 7px;
	border-radius: 3px;
	height: 21px;
	line-height: 22px;
	top: 8px;
}